<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/清除样式.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="icon" href="https://www.anta.com/favicon.ico">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <title>【安踏官方商城】-永不止步Keep Moving</title>
</head>

<body>
    <!-- 头部 -->
    <header>

    </header>
    <!-- 图片区域 -->
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000007.jpg" alt="">
        </a>
    </div>
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000010.jpg" alt="">
        </a>
    </div>
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000011.jpg" alt="">
        </a>
    </div>
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000015.jpg" alt="">
        </a>
    </div>
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000023.jpg" alt="">
        </a>
    </div>
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000034.jpg" alt="">
        </a>
    </div>
    <div id="tupian2">
        <div id="tupian2-1">
            <img src="./images/indeximg/ia_100000000035.jpg" alt="">
        </div>
        <div id="tupian2-2">
            <a href="" class="hoverup-item">
                <img src="./images/indeximg/ia_100000000046.jpg" alt="">
            </a>
            <a href="" class="hoverup-item">
                <img src="./images/indeximg/ia_100000000055.jpg" alt="">
            </a>
            <a href="" class="hoverup-item">
                <img src="./images/indeximg/ia_100000000063.jpg" alt="">
            </a>
            <a href="" class="hoverup-item">
                <img src="./images/indeximg/ia_100000000075.jpg" alt="">
            </a>
        </div>
    </div>
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000080.jpg" alt="">
        </a>
    </div>
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000081.jpg" alt="">
        </a>
    </div>
    <div id="tupian1">
        <a href="">
            <img src="./images/indeximg/ia_100000000083.jpg" alt="">
        </a>
    </div>
    <div id="tupian3">
        <div id="tupian3-1">
            <img src="./images/indeximg/ia_100000000089.jpg" alt="">
        </div>
        <div id="tupian3-2">
            <a href="/list/?k=霸道" target="_blank" style="width: 8%; height: 10%; top: 86.194%; left: 18.6198%;"></a>
            <a href="/list/?k=创" target="_blank" style="width: 8%; height: 10%; top: 87.3134%; left: 39.974%;"></a>
            <a href="/list/?k=氢跑" target="_blank" style="width: 8%; height: 10%; top: 86.194%; left: 61.3281%;"></a>
        </div>
    </div>
    <div id="tupian3">
        <div id="tupian3-1">
            <img src="./images/indeximg/ia_100000000090.jpg" alt="">
        </div>
        <div id="tupian3-2">
            <a href="/list/?k=轻骑兵" target="_blank" style="width: 8%; height: 10%; top: 74.3333%; left: 18.3594%;"></a>
            <a href="/list/?k=MIX" target="_blank" style="width: 8%; height: 10%; top: 73%; left: 39.974%;"></a>
        </div>
    </div>
    <!-- 轮播图 -->
    <div id="swiper">
        <div id="swiper-1">
            <h3>猜你喜欢</h3>
            <a href="">即可选购</a>
        </div>
    </div>
    <!-- <div id="swiper-2">
        <div id="swiper-2-1">
            <div id="swiper-2-2">
                <a href="">
                    <img src="./images/indeximg/ia_200000021.jpg" alt="">
                    <span>星标系列短T</span>
                </a>
            </div>
            <div id="swiper-2-2">
                <a href="">
                    <img src="./images/indeximg/ia_200000022.jpg" alt="">
                    <span>星标系列梭织休闲长裤</span>
                </a>
            </div>
            <div id="swiper-2-2">
                <a href="">
                    <img src="./images/indeximg/ia_200000023.jpg" alt="">
                    <span>冬奥国旗款短T</span>
                </a>
            </div>
            <div id="swiper-2-2">
                <a href="">
                    <img src="./images/indeximg/ia_200000024.jpg" alt="">
                    <span>冬奥国旗款风衣</span>
                </a>
            </div>
        </div>
        <div id="swiper-jdt">//进度条
            <span></span>
        </div>
        <div id="swiper-zy">
            <span class="left">&lt;</span>
            <span class="right">&gt;</span>
        </div>
    </div> -->
    <!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img style="width: 371px;" src="https://img.fishfay.com/anta-cn-web/descente/2020/08/12/0470b44387ed6585c01001c6c36c56cc.jpg"></div>
      <div class="swiper-slide"><img style="width: 371px;" src="https://img.fishfay.com/anta-cn-web/descente/2020/08/12/1b3c25768d6c92a74c03a6e507569191.jpg"></div>
      <div class="swiper-slide"><img style="width: 371px;" src="https://img.fishfay.com/anta-cn-web/descente/2020/08/12/6c550bc5ad5edbcb947cb2e74c0fedda.jpg"></div>
      <div class="swiper-slide"><img style="width: 371px;" src="https://img.fishfay.com/anta-cn-web/descente/2020/08/12/b0a44d0a6bf264586211c5b780f68373.jpg"></div>
      <div class="swiper-slide"><img style="width: 371px;" src="http://anta-cn-web.obs.myhwclouds.com/anta-cn-web/descente/2021/03/11/9c648b6c1768373c08cb6088a109c009.jpg"></div>
      <div class="swiper-slide"><img style="width: 371px;" src="http://anta-cn-web.obs.myhwclouds.com/anta-cn-web/descente/2021/03/11/699b78f9a925c356b0e34f3a4ca075da.jpg"></div>
      <div class="swiper-slide"><img style="width: 371px;" src="http://anta-cn-web.obs.myhwclouds.com/anta-cn-web/descente/2020/09/23/8a6c01bac4c82d5fb0c9b092f3b8dbc5.jpg"></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
    <!-- 关注我们 -->
    <div id="gz">
        <div id="gz-1">
            <h3>关注我们</h3>
            <p>抢先得知最先产品、独家消息及优惠资讯</p>
            <ul>
                <li>
                    <span class="iconfont icon-weixin"></span>
                </li>
                <li>
                    <span class="iconfont icon-xinlangweibo"></span>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <footer>

    </footer>
</body>

</html>
<script src="./js/jQuery.js"></script>
<script src="./js/index1.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
      slidesPerView: 3,
      spaceBetween: 30,
      slidesPerGroup: 3,
      loop: true,
      loopFillGroupWithBlank: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
</script>